<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/swi1.css">
    <link rel="stylesheet" href="css/css/all.css">

    <style>
        .banner .swiper-container {
            width: 100%;
            height: 100%;
            margin-left: auto;
            margin-right: auto;
        }

        .banner .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;

            /* Center slide text vertically */
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }

        .killwisper .swiper-container {
            width: 100%;
            height: 100%;
        }

        .killwisper .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;

            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }

        .newbox .swiper-container {
            width: 100%;
            height: 100%;
        }

        .newbox .swiper-slide {
            width: 130px;
            height: 190px;
            text-align: center;
            font-size: 18px;
            background: #fff;

            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            transition: 300ms;
            transform: scale(0.8);
        }

        .newbox .swiper-slide-active,
        .swiper-slide-duplicate-active {
            transform: scale(1);
        }
    </style>
</head>

<body>
    <div class="nav">
        <div class="nav-con">
            <p><span></span><a href=""></a></p>
            <ul id="nav-right">
                <li><a href="login.html">您好，请登录</a><a href="regist.html">免费注册</a>|</li>
                <li><a href="">我的订单</a>|</li>
                <li><a href="">我的京东<span></span></a>|</li>
                <li><a href="">京东会员</a>|</li>
                <li><a href="">企业采购</a>|</li>
                <li><a href="">客户服务</a>|</li>
                <li><a href="">网站导航</a>|</li>
                <li><a href="">手机京东</a></li>
            </ul>
        </div>
    </div>
    <div class="title">
        <div id="logo-tit">
            <a href=""><img src="image/logo/1.png" alt=""><a>
        </div>
        <div id="right-tit">
            <div id="top-tit">
                <div id="search">
                    <div id="sea-top">
                        <input type="text" id="key"><b></b>
                        <input type="button" id="btn" value="搜 索"><span></span>
                    </div>
                    <ul id="sea-bot">
                        <li><a href="">居家暖冬季</a></li>
                        <li><a href="">华为手机</a></li>
                        <li><a href="">潮流服饰</a></li>
                        <li><a href="">电脑数码</a></li>
                        <li><a href="">橙子</a></li>
                        <li><a href="">运动大牌</a></li>

                    </ul>
                </div>
                <div class="cart-icon">

                    <a href="cart.html"><span>0</span>我的购物车</a>
                </div>

                <div class="tit-scan"><img src="image/首页/ia_100000050.png" alt=""></div>



            </div>
            <div id="bottom-tit">
                <ul>
                    <li><a href="">秒杀</a></li>
                    <li><a href="">优惠券</a></li>
                    <li><a href="">PLUS会员</a></li>
                    <li><a href="">品牌闪购</a></li>
                    <li><a href="">拍卖</a></li>
                    <li><a href="">京东家电</a></li>
                    <li><a href="">京东超市</a></li>
                    <li><a href="">京东生鲜</a></li>
                    <li><a href="">京东国际</a></li>
                    <li><a href="">京东金融</a></li>

                </ul>
            </div>
        </div>




    </div>
    <div id="index-content">
        <div id="in-con">
            <div class="fs">
                <ul class="fs-menu">
                    <li><a href="">家用电器</a></li>
                    <li><a href="">手机</a>/<a href="">运营商</a>/<a href="">数码</a></li>
                    <li><a href="">手机</a>/<a href="">运营商</a>/<a href="">数码</a></li>
                    <li><a href="">手机</a>/<a href="">运营商</a>/<a href="">数码</a></li>
                    <li><a href="">手机</a>/<a href="">运营商</a>/<a href="">数码</a></li>
                    <li><a href="">手机</a>/<a href="">运营商</a>/<a href="">数码</a></li>
                    <li><a href="">手机</a>/<a href="">运营商</a>/<a href="">数码</a></li>
                    <li><a href="">手机</a>/<a href="">运营商</a>/<a href="">数码</a></li>
                    <li><a href="">手机</a>/<a href="">运营商</a>/<a href="">数码</a></li>
                    <li><a href="">手机</a>/<a href="">运营商</a>/<a href="">数码</a></li>
                    <li><a href="">手机</a>/<a href="">运营商</a>/<a href="">数码</a></li>
                    <li><a href="">手机</a>/<a href="">运营商</a>/<a href="">数码</a></li>
                    <li><a href="">手机</a>/<a href="">运营商</a>/<a href="">数码</a></li>
                    <li><a href="">手机</a>/<a href="">运营商</a>/<a href="">数码</a></li>
                    <li><a href="">手机</a>/<a href="">运营商</a>/<a href="">数码</a></li>
                    <li><a href="">手机</a>/<a href="">运营商</a>/<a href="">数码</a></li>
                    <li><a href="">手机</a>/<a href="">运营商</a>/<a href="">数码</a></li>
                    <li><a href="">手机</a>/<a href="">运营商</a>/<a href="">数码</a></li>
                    <li><a href="">手机</a>/<a href="">运营商</a>/<a href="">数码</a></li>

                </ul>

                <div class="banner">
                    <div class="swiper-container swi1">
                        <div class="swiper-wrapper banner-swi">
                            <div class="swiper-slide">

                            </div>
                            <div class="swiper-slide">

                            </div>
                            <div class="swiper-slide">

                            </div>
                            <div class="swiper-slide">

                            </div>
                            <div class="swiper-slide">

                            </div>
                            <!-- <div class="swiper-slide"><img src="image/首页轮播图/4.jpg" alt=""></div>
                            <div class="swiper-slide"><img src="image/首页轮播图/4.jpg" alt=""></div>
                            <div class="swiper-slide"><img src="image/首页轮播图/4.jpg" alt=""></div>
                            <div class="swiper-slide"><img src="image/首页轮播图/4.jpg" alt=""></div> -->
                        </div>
                        <!-- Add Pagination -->
                        <div class="swiper-pagination"></div>
                        <!-- Add Arrows -->
                        <div class="swiper-button-next"></div>
                        <div class="swiper-button-prev"></div>
                    </div>


                </div>
                <!-- 小轮播图 -->
                <div class="lit-siw">
                    <div class="swiper-container littleswi">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <a href=""><img src="image/首页/a.png" alt=""></a>
                                <a href=""><img src="image/首页/a.png" alt=""></a>
                                <a href=""><img src="image/首页/a.png" alt=""></a>
                            </div>

                        </div>
                        <!-- Add Pagination -->
                        <!-- <div class="swiper-pagination"></div> -->
                        <!-- Add Arrows -->
                        <div class="swiper-button-next"></div>
                        <div class="swiper-button-prev"></div>
                    </div>


                </div>
                <!-- 右侧个人中心 -->
                <div class="fs-right">
                    <div class="rig-hd">
                        <div class="hdphoto">
                            <a href=""><img src="image/logo/xinren.png" alt=""></a>
                        </div>
                        <div class="hdmas">
                            <h6><a href="login.html">hi~欢迎逛京东</a></h6>
                            <p><a href="login.html">登录&nbsp;&nbsp;</a>|<a href="regist.html">&nbsp;&nbsp;注册</a></p>
                        </div>


                    </div>
                    <div class="profit">
                        <div class="newpro">新人福利</div>
                        <div class="plus">
                            PLUS会员
                        </div>
                    </div>
                    <div class="jd-news">
                        <div class="news-hd">
                            <h5>京东快报</h5>
                            <span><a href="">更多&gt;</a></span>
                        </div>
                        <ul class="news">
                            <li><span>推荐</span><a href="">冲奶粉千万不要做这个动作</a></li>
                            <li><span>推荐</span><a href="">冲奶粉千万不要做这个动作</a></li>
                            <li><span>推荐</span><a href="">冲奶粉千万不要做这个动作</a></li>
                            <li><span>推荐</span><a href="">冲奶粉千万不要做这个动作</a></li>
                        </ul>

                    </div>
                    <div class="service">
                        <a class="ser-a" href="">
                            <i class="ser-img">
                                <img src="image/首页/1.png" alt="" class="img1">
                                <img src="image/首页/11.png" alt="" class="img2">
                            </i>
                            <span class="ser-txt">话费</span>
                        </a>
                        <a class="ser-a" href="">
                            <i class="ser-img">
                                <img src="image/首页/2.png" alt="" class="img1">
                                <img src="image/首页/22.png" alt="" class="img2">
                            </i>
                            <span class="ser-txt">机票</span>
                        </a>
                        <a class="ser-a" href=""><i class="ser-img">
                                <img src="image/首页/3.png" alt="" class="img1">
                                <img src="image/首页/33.png" alt="" class="img2">
                            </i>
                            <span class="ser-txt">酒店</span></a>
                        <a class="ser-a" href=""><i class="ser-img">
                                <img src="image/首页/4.png" alt="" class="img1">
                                <img src="image/首页/44.png" alt="" class="img2">
                            </i><span class="ser-txt">游戏</span></a>
                        <a class="ser-a" href=""><i class="ser-img">
                                <img src="image/首页/5.png" alt="" class="img1">
                                <img src="image/首页/55.png" alt="" class="img2">
                            </i><span class="ser-txt">加油卡</span></a>
                        <a class="ser-a" href=""><i class="ser-img">
                                <img src="image/首页/6.png" alt="" class="img1">
                                <img src="image/首页/66.png" alt="" class="img2">
                            </i><span class="ser-txt">火车票</span></a>
                        <a class="ser-a" href=""><i class="ser-img">
                                <img src="image/首页/7.png" alt="" class="img1">
                                <img src="image/首页/77.png" alt="" class="img2">
                            </i><span class="ser-txt">众筹</span></a>
                        <a class="ser-a" href=""><i class="ser-img">
                                <img src="image/首页/8.png" alt="" class="img1">
                                <img src="image/首页/88.png" alt="" class="img2">
                            </i><span class="ser-txt">理财</span></a>
                        <a class="ser-a" href=""><i class="ser-img">
                                <img src="image/首页/9.png" alt="" class="img1">
                                <img src="image/首页/99.png" alt="" class="img2">
                            </i><span class="ser-txt">白条</span></a>
                        <a class="ser-a" href=""><i class="ser-img">
                                <img src="image/首页/1100.png" alt="" class="img1">
                                <img src="image/首页/10.png" alt="" class="img2">
                            </i><span class="ser-txt">电影票</span></a>
                        <a class="ser-a" href=""><i class="ser-img">
                                <img src="image/首页/111.png" alt="" class="img1">
                                <img src="image/首页/1111.png" alt="" class="img2">
                            </i><span class="ser-txt">企业购</span></a>
                        <a class="ser-a" href=""><i class="ser-img">
                                <img src="image/首页/12.png" alt="" class="img1">
                                <img src="image/首页/1122.png" alt="" class="img2">
                            </i><span class="ser-txt">礼品卡</span></a>
                    </div>


                </div>
            </div>
            <!-- 秒殺 -->
            <div id="seckill">
                <div class="timekill">
                    <div class="sectit">京东秒杀</div>
                    <div class="secdesc"><strong class="hours">8:00</strong>点场 倒计时</div>
                    <div class="time">
                        <span></span>
                        <span>:</span>
                        <span></span>
                        <span>:</span>
                        <span></span>
                    </div>

                </div>
                <div class="killwisper">
                    <div class="swiper-container killwis">
                        <div class="swiper-wrapper killwisper1">

                             <div class="swiper-slide">
                                <a href="">
                                    <img src="image/首页/sss.png" alt="">
                                    <h5>特步男鞋轻便减震运动鞋</h5>
                                    <span>213.22</span>
                                </a>

                            </div>
                            <div class="swiper-slide"> <a href="">
                                    <img src="image/首页/sss.png" alt="">
                                    <h5>特步男鞋轻便减震运动鞋</h5>
                                    <span>213.22</span>
                                </a>
                            </div>
                            <div class="swiper-slide"> <a href="">
                                    <img src="image/首页/sss.png" alt="">
                                    <h5>特步男鞋轻便减震运动鞋</h5>
                                    <span>213.22</span>
                                </a>
                            </div>
                            <div class="swiper-slide"> <a href="">
                                    <img src="image/首页/sss.png" alt="">
                                    <h5>特步男鞋轻便减震运动鞋</h5>
                                    <span>213.22</span>
                                </a>
                            </div>
                            <div class="swiper-slide"> <a href="">
                                    <img src="image/首页/sss.png" alt="">
                                    <h5>特步男鞋轻便减震运动鞋</h5>
                                    <span>213.22</span>
                                </a>
                            </div>
                            <div class="swiper-slide"> <a href="">
                                    <img src="image/首页/sss.png" alt="">
                                    <h5>特步男鞋轻便减震运动鞋</h5>
                                    <span>213.22</span>
                                </a>
                            </div>
                            <div class="swiper-slide"> <a href="">
                                    <img src="image/首页/sss.png" alt="">
                                    <h5>特步男鞋轻便减震运动鞋</h5>
                                    <span>213.22</span>
                                </a>
                            </div>
                            <div class="swiper-slide"> <a href="">
                                    <img src="image/首页/sss.png" alt="">
                                    <h5>特步男鞋轻便减震运动鞋</h5>
                                    <span>213.22</span>
                                </a>
                            </div>
                            <div class="swiper-slide"> <a href="">
                                    <img src="image/首页/sss.png" alt="">
                                    <h5>特步男鞋轻便减震运动鞋</h5>
                                    <span>213.22</span>
                                </a>
                            </div>
                            <div class="swiper-slide"> <a href="">
                                    <img src="image/首页/sss.png" alt="">
                                    <h5>特步男鞋轻便减震运动鞋</h5>
                                    <span>213.22</span>
                                </a>
                            </div>
                            <div class="swiper-slide"> <a href="">
                                    <img src="image/首页/sss.png" alt="">
                                    <h5>特步男鞋轻便减震运动鞋</h5>
                                    <span>213.22</span>
                                </a>
                            </div>

                            <div class="swiper-slide"> <a href="">
                                    <img src="image/首页/sss.png" alt="">
                                    <h5>特步男鞋轻便减震运动鞋</h5>
                                    <span>213.22</span>
                                </a>
                            </div>
                        </div>
                        <!-- Add Pagination -->
                        <div class="swiper-button-prev"></div>
                        <div class="swiper-button-next"></div>


                    </div>

                    <figure class="wis-right">
                        <a href=""><img src="image/首页/微信图片_20201205133000.png" alt=""></a>
                        <figcaption>
                            <p>雷蛇秒杀专场</p>
                            <span>电竞鼠标低至109</span>
                            <div class="wis-btn">
                                大牌闪购&gt;
                            </div>

                        </figcaption>
                    </figure>
                </div>
            </div>
            <!-- 每日特价及品牌闪购 -->
            <div class="super-sale">
                <div class="everydaysale">
                    <div class="sale-tit">
                        <p>每日特价</p>
                        <ul>
                            <li><a href="">精选</a></li>
                            <li><a href="">美食</a></li>
                            <li><a href="">百货</a></li>
                            <li><a href="">个护</a></li>
                            <li><a href="">预告</a></li>
                        </ul>
                    </div>
                    <div class="sale-con">
                        <div class="sale-main">
                            <a href="">
                                <img src="image/首页/z.png" alt="">
                                <h6>买2送1 京东快递</h6>
                                <p><span>￥199</span><b>￥99.99</b></p>
                            </a>
                        </div>
                        <div class="salecon-right">
                            <!-- <figure>
                                <img src="image/首页/z.png" alt="">
                                <figcaption>
                                    <h6>买2送1 京东快递</h6>
                                    <b>￥99.99</b>
                                    <span>￥199</span>
                                </figcaption>
                            </figure>
                            <figure>
                                <img src="image/首页/z.png" alt="">
                                <figcaption>
                                    <h6>买2送1 京东快递</h6>
                                    <b>￥99.99</b>
                                    <span>￥199</span>
                                </figcaption>
                            </figure>
                            <figure>
                                <img src="image/首页/z.png" alt="">
                                <figcaption>
                                    <h6>买2送1 京东快递</h6>
                                    <b>￥99.99</b>
                                    <span>￥199</span>
                                </figcaption>
                            </figure>
                            <figure>
                                <img src="image/首页/z.png" alt="">
                                <figcaption>
                                    <h6>买2送1 京东快递</h6>
                                    <b>￥99.99</b>
                                    <span>￥199</span>
                                </figcaption>
                            </figure> -->

                        </div>
                    </div>
                </div>
                <div class="shocksale">
                    <div class="shockleft">
                        <p>品牌闪购</p>
                        <a href=""><img src="image/首页/qq.png" alt=""></a>
                    </div>
                    <div class="shockright">
                        <a>
                            <img src="image/每日特价/01.png" alt="">
                            <h6>千仞岗羽绒服专场</h6>
                        </a>
                        <a>
                            <img src="image/每日特价/01.png" alt="">
                            <h6>千仞岗羽绒服专场</h6>
                        </a>

                        <a>
                            <img src="image/每日特价/01.png" alt="">
                            <h6>千仞岗羽绒服专场</h6>
                        </a>

                        <a>
                            <img src="image/每日特价/01.png" alt="">
                            <h6>千仞岗羽绒服专场</h6>
                        </a>

                        <a>
                            <img src="image/每日特价/01.png" alt="">
                            <h6>千仞岗羽绒服专场</h6>
                        </a>

                        <a>
                            <img src="image/每日特价/01.png" alt="">
                            <h6>千仞岗羽绒服专场</h6>
                        </a>




                    </div>

                </div>
            </div>
            <!-- 发现好货 -->
            <div class="goodsale">
                <a href="" class="gooda">
                    <div class="findgood">
                        <div class="goodthings">
                            <p>探索新生活<span></span></p>
                        </div>
                    </div>
                </a>

                <div class="goodwis">
                    <div class="swiper-container timeswi">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">Slide 1</div>
                            <div class="swiper-slide">Slide 2</div>
                            <div class="swiper-slide">Slide 3</div>
                            <div class="swiper-slide">Slide 4</div>
                            <div class="swiper-slide">Slide 5</div>
                            <div class="swiper-slide">Slide 6</div>
                            <div class="swiper-slide">Slide 7</div>
                            <div class="swiper-slide">Slide 8</div>
                            <div class="swiper-slide">Slide 9</div>
                            <div class="swiper-slide">Slide 10</div>

                        </div>

                        <!-- Add Scrollbar -->
                        <div class="swiper-scrollbar"></div>
                    </div>



                </div>
            </div>
            <!-- 新品首发 领券中心等 -->
            <div class="container">
                <!-- 新品首发 -->
                <div class="newbox">
                    <div class="cou-tit">
                        新品首发
                    </div>
                    <div class="newbox-con">
                        <div class="swiper-container newboxswi">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide"><img src="image/发现好货/1.jpg" alt="">
                                </div>
                                <div class="swiper-slide"><img src="image/发现好货/1.jpg" alt=""></div>
                                <div class="swiper-slide"><img src="image/发现好货/1.jpg" alt=""></div>
                                <div class="swiper-slide"><img src="image/发现好货/1.jpg" alt=""></div>
                                <div class="swiper-slide"><img src="image/发现好货/1.jpg" alt=""></div>
                                <div class="swiper-slide"><img src="image/发现好货/1.jpg" alt=""></div>
                                <div class="swiper-slide"><img src="image/发现好货/1.jpg" alt=""></div>
                                <div class="swiper-slide"><img src="image/发现好货/1.jpg" alt=""></div>
                                <div class="swiper-slide"><img src="image/发现好货/1.jpg" alt=""></div>
                                <div class="swiper-slide"><img src="image/发现好货/1.jpg" alt=""></div>
                            </div>
                            <!-- Add Pagination -->
                            <!-- <div class="swiper-pagination"></div> -->
                            <div class="swiper-button-prev"></div>
                            <div class="swiper-button-next"></div>
                        </div>

                    </div>

                </div>
                <!-- 排行榜 -->
                <div class="new-top">
                    <div class="cou-tit">
                        排行榜
                    </div>
                    <div class="top-con">
                        <ul>
                            <li>卧室家具</li>
                            <li>定制家具</li>
                            <li>运动鞋包</li>
                            <li>生活电器</li>
                        </ul>
                        <div class="top-bot">
                            <!-- <figure>

                                <img src="image/首页/222.png" alt="">
                                <figcaption><a href="">特步男运动鞋冬鞋直营旗舰店品牌官方跑鞋</a></figcaption>
                            </figure>
                            <figure>
                                <img src="image/首页/222.png" alt="">
                                <figcaption><a href="">特步男运动鞋冬鞋直营旗舰店品牌官方跑鞋</a> </figcaption>
                            </figure>
                            <figure>
                                <img src="image/首页/222.png" alt="">
                                <figcaption><a href="">特步男运动鞋冬鞋直营旗舰店品牌官方跑鞋</a></figcaption>
                            </figure> -->

                        </div>


                    </div>

                </div>
                <div class="goodshop">
                    <div class="cou-tit">
                        逛好店
                    </div>
                    <div class="shopcon">
                        <figure class="shop-item">
                            <figcaption>
                                <p>绿联自营旗舰店</p>
                                <span class="self">自营</span>
                                <span class="self1">潮流</span>
                                <div class="see">
                                    180万人关注
                                </div>
                            </figcaption>
                            <a href=""><img src="image/首页/11111.png" alt=""></a>

                        </figure>
                        <figure class="shop-item">
                            <figcaption>
                                <p>绿联自营旗舰店</p>
                                <span class="self">自营</span>
                                <span class="self1">潮流</span>
                                <div class="see">
                                    180万人关注
                                </div>
                            </figcaption>
                            <a href=""><img src="image/首页/11111.png" alt=""></a>

                        </figure>
                    </div>


                </div>
                <!-- 领券中心 -->
                <div class="coupon">
                    <div class="cou-tit">
                        领券中心
                    </div>
                    <div class="conevery-con">
                        <figure>
                            <img src="image/首页/z.png" alt="">
                            <figcaption>
                                <h6>买2送1 京东快递</h6>
                                <b>￥99.99</b>
                                <span>￥199</span>
                            </figcaption>
                        </figure>
                        <figure>
                            <img src="image/首页/z.png" alt="">
                            <figcaption>
                                <h6>买2送1 京东快递</h6>
                                <b>￥99.99</b>
                                <span>￥199</span>
                            </figcaption>
                        </figure>
                        <figure>
                            <img src="image/首页/z.png" alt="">
                            <figcaption>
                                <h6>买2送1 京东快递</h6>
                                <b>￥99.99</b>
                                <span>￥199</span>
                            </figcaption>
                        </figure>


                    </div>

                </div>

            </div>
            <!-- 频道广场 -->
            <div class="channels">
                <div class="chantit">
                    <span></span>频道广场
                    <span></span>
                </div>
                <div class="chan-con">
                    <a href=""><img src="image/首页/aj.png" alt=""></a>
                    <a href=""><img src="image/首页/aj.png" alt=""></a>
                    <div class="chan-item">
                        <div class="item-tit">
                            <h6>新机首发</h6>
                            <span>
                                有新机更有范
                            </span>
                        </div>
                        <div class="item-con">
                            <img src="image/首页/switch.png" alt="">
                            <img src="image/首页/switch.png" alt="">
                        </div>
                    </div>
                    <div class="chan-item">
                        <div class="item-tit">
                            <h6>新机首发</h6>
                            <span>
                                有新机更有范
                            </span>
                        </div>
                        <div class="item-con">
                            <img src="image/首页/switch.png" alt="">
                            <img src="image/首页/switch.png" alt="">
                        </div>
                    </div>
                    <div class="chan-item">
                        <div class="item-tit">
                            <h6>新机首发</h6>
                            <span>
                                有新机更有范
                            </span>
                        </div>
                        <div class="item-con">
                            <img src="image/首页/switch.png" alt="">
                            <img src="image/首页/switch.png" alt="">
                        </div>
                    </div>
                    <div class="chan-item">
                        <div class="item-tit">
                            <h6>新机首发</h6>
                            <span>
                                有新机更有范
                            </span>
                        </div>
                        <div class="item-con">
                            <img src="image/首页/switch.png" alt="">
                            <img src="image/首页/switch.png" alt="">
                        </div>
                    </div>
                    <div class="chan-item">
                        <div class="item-tit">
                            <h6>新机首发</h6>
                            <span>
                                有新机更有范
                            </span>
                        </div>
                        <div class="item-con">
                            <img src="image/首页/switch.png" alt="">
                            <img src="image/首页/switch.png" alt="">
                        </div>
                    </div>
                    <div class="chan-item">
                        <div class="item-tit">
                            <h6>新机首发</h6>
                            <span>
                                有新机更有范
                            </span>
                        </div>
                        <div class="item-con">
                            <img src="image/首页/switch.png" alt="">
                            <img src="image/首页/switch.png" alt="">
                        </div>
                    </div>
                    <div class="chan-item">
                        <div class="item-tit">
                            <h6>新机首发</h6>
                            <span>
                                有新机更有范
                            </span>
                        </div>
                        <div class="item-con">
                            <img src="image/首页/switch.png" alt="">
                            <img src="image/首页/switch.png" alt="">
                        </div>
                    </div>
                    <div class="chan-item">
                        <div class="item-tit">
                            <h6>新机首发</h6>
                            <span>
                                有新机更有范
                            </span>
                        </div>
                        <div class="item-con">
                            <img src="image/首页/switch.png" alt="">
                            <img src="image/首页/switch.png" alt="">
                        </div>
                    </div>
                    <div class="chan-item">
                        <div class="item-tit">
                            <h6>新机首发</h6>
                            <span>
                                有新机更有范
                            </span>
                        </div>
                        <div class="item-con">
                            <img src="image/首页/switch.png" alt="">
                            <img src="image/首页/switch.png" alt="">
                        </div>
                    </div>
                    <div class="chan-item">
                        <div class="item-tit">
                            <h6>新机首发</h6>
                            <span>
                                有新机更有范
                            </span>
                        </div>
                        <div class="item-con">
                            <img src="image/首页/switch.png" alt="">
                            <img src="image/首页/switch.png" alt="">
                        </div>
                    </div>
                    <div class="chan-item">
                        <div class="item-tit">
                            <h6>新机首发</h6>
                            <span>
                                有新机更有范
                            </span>
                        </div>
                        <div class="item-con">
                            <img src="image/首页/switch.png" alt="">
                            <img src="image/首页/switch.png" alt="">
                        </div>
                    </div>
                    <div class="chan-item">
                        <div class="item-tit">
                            <h6>新机首发</h6>
                            <span>
                                有新机更有范
                            </span>
                        </div>
                        <div class="item-con">
                            <img src="image/首页/switch.png" alt="">
                            <img src="image/首页/switch.png" alt="">
                        </div>
                    </div>
                    <div class="chan-item">
                        <div class="item-tit">
                            <h6>新机首发</h6>
                            <span>
                                有新机更有范
                            </span>
                        </div>
                        <div class="item-con">
                            <img src="image/首页/switch.png" alt="">
                            <img src="image/首页/switch.png" alt="">
                        </div>
                    </div>
                    <div class="chan-item">
                        <div class="item-tit">
                            <h6>新机首发</h6>
                            <span>
                                有新机更有范
                            </span>
                        </div>
                        <div class="item-con">
                            <img src="image/首页/switch.png" alt="">
                            <img src="image/首页/switch.png" alt="">
                        </div>
                    </div>
                    <div class="chan-item">
                        <div class="item-tit">
                            <h6>新机首发</h6>
                            <span>
                                有新机更有范
                            </span>
                        </div>
                        <div class="item-con">
                            <img src="image/首页/switch.png" alt="">
                            <img src="image/首页/switch.png" alt="">
                        </div>
                    </div>
                    <div class="chan-item">
                        <div class="item-tit">
                            <h6>新机首发</h6>
                            <span>
                                有新机更有范
                            </span>
                        </div>
                        <div class="item-con">
                            <img src="image/首页/switch.png" alt="">
                            <img src="image/首页/switch.png" alt="">
                        </div>
                    </div>
                </div>

            </div>

            <!-- 猜你喜欢 -->
            <div class="youseesee">
                <div class="chantit">
                    <span></span>为你推荐
                    <span></span>
                </div>
                <div class="youlist">
                    <div class="list1">
                        <h6>精选</h6>
                        <span>猜你喜欢</span>
                    </div>
                    <div class="list1">
                        <h6>精选</h6>
                        <span>猜你喜欢</span>
                    </div>
                    <div class="list1">
                        <h6>精选</h6>
                        <span>猜你喜欢</span>
                    </div>
                    <div class="list1">
                        <h6>精选</h6>
                        <span>猜你喜欢</span>
                    </div>
                    <div class="list1">
                        <h6>精选</h6>
                        <span>猜你喜欢</span>
                    </div>
                    <div class="list1">
                        <h6>精选</h6>
                        <span>猜你喜欢</span>
                    </div>
                </div>
                <div class="morelist">
                    <!--<a href="">
                        <img src="image/index/find_r_img2.jpg" alt="">
                        <p><span>自营</span>邦力健自营旗舰店好物邦力健儿童婴儿家用体温枪</p>
                        <b>￥68.00</b>
                    </a>
                    <a href="">
                        <img src="image/index/find_r_img2.jpg" alt="">
                        <p><span>自营</span>邦力健自营旗舰店好物邦力健儿童婴儿家用体温枪</p>
                        <b>￥68.00</b>
                    </a>
                    <a href="">
                        <img src="image/index/find_r_img2.jpg" alt="">
                        <p><span>自营</span>邦力健自营旗舰店好物邦力健儿童婴儿家用体温枪</p>
                        <b>￥68.00</b>
                    </a>
                    <a href="">
                        <img src="image/index/find_r_img2.jpg" alt="">
                        <p><span>自营</span>邦力健自营旗舰店好物邦力健儿童婴儿家用体温枪</p>
                        <b>￥68.00</b>
                    </a>
                    <a href="">
                        <img src="image/index/find_r_img2.jpg" alt="">
                        <p><span>自营</span>邦力健自营旗舰店好物邦力健儿童婴儿家用体温枪</p>
                        <b>￥68.00</b>
                    </a>
                    <a href="">
                        <img src="image/index/find_r_img2.jpg" alt="">
                        <p><span>自营</span>邦力健自营旗舰店好物邦力健儿童婴儿家用体温枪</p>
                        <b>￥68.00</b>
                    </a>
                    <a href="">
                        <img src="image/index/find_r_img2.jpg" alt="">
                        <p><span>自营</span>邦力健自营旗舰店好物邦力健儿童婴儿家用体温枪</p>
                        <b>￥68.00</b>
                    </a>
                    <a href="">
                        <img src="image/index/find_r_img2.jpg" alt="">
                        <p><span>自营</span>邦力健自营旗舰店好物邦力健儿童婴儿家用体温枪</p>
                        <b>￥68.00</b>
                    </a>
                    <a href="">
                        <img src="image/index/find_r_img2.jpg" alt="">
                        <p><span>自营</span>邦力健自营旗舰店好物邦力健儿童婴儿家用体温枪</p>
                        <b>￥68.00</b>
                    </a>
                    <a href="">
                        <img src="image/index/find_r_img2.jpg" alt="">
                        <p><span>自营</span>邦力健自营旗舰店好物邦力健儿童婴儿家用体温枪</p>
                        <b>￥68.00</b>
                    </a>
                    <a href="">
                        <img src="image/index/find_r_img2.jpg" alt="">
                        <p><span>自营</span>邦力健自营旗舰店好物邦力健儿童婴儿家用体温枪</p>
                        <b>￥68.00</b>
                    </a>
                    <a href="">
                        <img src="image/index/find_r_img2.jpg" alt="">
                        <p><span>自营</span>邦力健自营旗舰店好物邦力健儿童婴儿家用体温枪</p>
                        <b>￥68.00</b>
                    </a>
                    <a href="">
                        <img src="image/index/find_r_img2.jpg" alt="">
                        <p><span>自营</span>邦力健自营旗舰店好物邦力健儿童婴儿家用体温枪</p>
                        <b>￥68.00</b>
                    </a>
                     <a href="">
                        <img src="image/index/find_r_img2.jpg" alt="">
                        <p><span>自营</span>邦力健自营旗舰店好物邦力健儿童婴儿家用体温枪</p>
                        <b>￥68.00</b>
                    </a>
                    <a href="">
                        <img src="image/index/find_r_img2.jpg" alt="">
                        <p><span>自营</span>邦力健自营旗舰店好物邦力健儿童婴儿家用体温枪</p>
                        <b>￥68.00</b>
                    </a> -->
                </div>

            </div>

        </div>
    </div>


    <footer>
        <div class="service">
            <div class="w">
                <ul>
                    <li>
                        <h5></h5>
                        <p>品类齐全，轻松购物</p>
                    </li>
                    <li>
                        <h5></h5>
                        <p>品类齐全，轻松购物</p>
                    </li>
                    <li>
                        <h5></h5>
                        <p>品类齐全，轻松购物</p>
                    </li>
                    <li>
                        <h5></h5>
                        <p>品类齐全，轻松购物</p>
                    </li>
                </ul>
            </div>
        </div>
        <div class="w help">
            <div class="fl">
                <dl>
                    <dt>购物指南</dt>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">购物流程</a></dd>
                </dl>
                <dl>
                    <dt>购物指南</dt>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">购物流程</a></dd>
                </dl>
                <dl>
                    <dt>购物指南</dt>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">购物流程</a></dd>
                </dl>
                <dl>
                    <dt>购物指南</dt>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">购物流程</a></dd>
                </dl>
                <dl>
                    <dt>购物指南</dt>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">购物流程</a></dd>
                </dl>
            </div>
            <div class="fr coverage">
                <h5>京东自营覆盖区县</h5>
                <p>京东已向全国2661个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。</p>
                <a href="#">查看详情&gt;</a>
            </div>
        </div>

        <div class="w copyright">
            <p id="copyp">
                <a href="#">关于我们</a>
                <span>|</span>
                <a href="#">关于我们</a>
                <span>|</span>
                <a href="#">关于我们</a>
                <span>|</span>
                <a href="#">关于我们</a>
                <span>|</span>
                <a href="#">关于我们</a>
                <span>|</span>
                <a href="#">关于我们</a>
                <span>|</span>
                <a href="#">关于我们</a>
                <span>|</span>
                <a href="#">关于我们</a>
                <span>|</span>
                <a href="#">关于我们</a>
                <span>|</span>
                <a href="#">关于我们</a>
                <span>|</span>
                <a href="#">关于我们</a>
                <span>|</span>
                <a href="#">关于我们</a>
                <span>|</span>
                <a href="#">关于我们</a>
                <span>|</span>
                <a href="#">关于我们</a>
                <span>|</span>
                <a href="#">关于我们</a>
            </p>
            <div>
                <p><a href="#">京公网安备 11000002000088号</a><span>|</span>京ICP证070359号 <span>|</span><a
                        href="#">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a><span>|</span>新出发京零 字第大120007号</p>
                <p>互联网出版许可证编号新出网证(京)字150号 <span>|</span><a href="">出版物经营许可证</a> <span>|</span><a
                        href="">网络文化经营许可证京网文[2014]2148-348号</a><span>|</span>违法和不良信息举报电话：4006561155</p>
                <p>Copyright ? 2004 - 2020 京东JD.com 版权所有 <span>|</span>消费者维权热线：4006067733 <a
                        href="#">经营证照</a><span>|</span>(京)网械平台备字(2018)第00003号 <span>|</span><a href="#">营业执照</a></p>
                <p><a href="#"><i class="diqiu"></i>Global Site</a><span>|</span><a href="#"><i class="i2"></i>Сайт
                        России</a><span>|</span><a href="#"><i class="i3"></i>Situs Indonesia</a><span>|</span><a
                        href="#"><i class="i4"></i>Sitio de Espa?a</a><span>|</span><a href="#"><i
                            class="i5"></i>?????????????????</a><span>|</span></p>
                <p>京东旗下网站：<a href="#">京东钱包</a><span>|</span><a href="#">京东智联云</a></p>
            </div>
            <p class="foot_icon">
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
            </p>
        </div>
    </footer>
    <div class="sea-hd-warp">


        <div class="sea-hd">
            <div class="alog">

            </div>
            <div class="asea">
                <input type="text" id="asea-text">
                <input type="button" id="asea-btn" value="搜索">
            </div>
            <a href="">
                <span></span>
                购物车
            </a>
        </div>
    </div>
    <!-- <div class="ele">
        <div>京东秒杀</div>
        <div>特色优选</div>
        <div>频道广场</div>
        <div>为你推荐</div>
        <div>顶部</div>
    </div> -->



    <script src="js/swi1.js"></script>

    <script>
        var swiper = new Swiper('.killwis', {
            slidesPerView: 4,
            spaceBetween: 0,
            loop: true,
            // autoplay:true,
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
            slidesPerGroup: 4,
        });
    </script>
    <script>
        var swiper = new Swiper('.swi1', {
            slidesPerView: 1,
            spaceBetween: 30,
            loop: true,
            autoplay: true,
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        });
    </script>
    <script>
        var swiper = new Swiper('.littleswi', {
            slidesPerView: 1,
            spaceBetween: 30,
            loop: true,
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        });
    </script>
    <script>
        var swiper = new Swiper('.newboxswi', {
            slidesPerView: 2,
            spaceBetween: 0,
            centeredSlides: true,
            loop: true,autoplay: true,
            slidesOffsetAfter: 100,
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        });
    </script>
    <script>
        var swiper = new Swiper('.timeswi', {
            scrollbar: {
                el: '.swiper-scrollbar',
                draggable: true,
                snapOnRelease: false,
            },
            loop: true,
            speed: 1000,
            autoplay: true,
            slidesPerView: 5,
            spaceBetween: 0,

        });

    </script>
    <script src="JS/jquery1.11.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="js/index.js"></script>
</body>

</html>